.new-customer-exclusive-area{
  height: calc(100vh - env(safe-area-inset-bottom));
  overflow: hidden;
  background-color: #F5F9FF;
  .new-customer-exclusive-area-container{
    padding: 20rpx 30rpx;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15rpx;
    .product-card {
      background-color: #fff;
      padding: 35rpx 15rpx;
      border-radius: 25rpx;
      display: flex;
      flex-direction: column;

      .product-card-name {
        font-size: 26rpx;
        font-weight: bold;
        color: #353535;
        /* 字体大小，与商品卡片风格统一 */
        /* 2. 核心：超过两行显示省略号 */
        display: -webkit-box;
        /* 开启弹性盒模型（WebKit 内核专用） */
        -webkit-line-clamp: 2;
        /* 限制显示的行数（这里设为2） */
        -webkit-box-orient: vertical;
        /* 文本排列方向：垂直 */
        overflow: hidden;
        /* 隐藏超出部分 */
        text-overflow: ellipsis;
        /* 超出部分显示省略号（配合上一行生效） */
      }

      .product-card-discount-rate {
        display: flex;
        margin: 15rpx 0 ;
        .product-card-discount-rate-text{
          color: #22C55E;
          font-size: 22rpx;
          letter-spacing: 1rpx;
          border: 2rpx solid #22C55E;
          padding: 10rpx 8rpx;
          border-radius: 10rpx;
        }
      }
      .product-card-price{
        color: #020202;
        font-size: 20rpx;
        font-weight: bold;
        margin-top: 15rpx;
      }
      .product-card-promotion-price{
        color: #cd3630;
        font-size: 20rpx;
        font-weight: bold;
        display: flex;
        margin-top: 15rpx;
        align-items: baseline;
      }
    }
  }
}

.loading{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  .loading-icon{

  }
  .loading-text{
    margin-left: 20rpx;
  }
}
.empty-status{
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  .empty-status-image{
    height: 275rpx;
    width: 275rpx;
    margin-top: 230rpx;
  }
  .empty-status-text{
    color: #9e9e9e;
        margin-top: 70rpx;
  }
}